
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" type="image/x-icon" href="style/favicon.ico"/>
<link href="style/style.css" rel="stylesheet" type="text/css" />
<link href="style/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/gatling.js"></script>
<script src="js/menu.js"></script>
<script src="js/ellipsis.js"></script>
<script src="js/all_sessions.js"></script>
<script src="js/stats.js"></script>
<script src="js/highstock.js"></script>
<script src="js/highcharts-more.js"></script>
<script src="js/theme.js"></script>
<script src="js/unpack.js"></script>
<title>Gatling Stats - busca válida</title>
</head>
<body>
<div class="app-container">
<div class="frise"></div>
<div class="head">
  <div class="gatling-open-source">
    <a class="gatling-logo" href="https://gatling.io" target="blank_" title="Gatling Home Page"><img alt="Gatling" src="style/logo.svg"/></a>
    <a class="gatling-documentation" href="https://gatling.io/docs/" target="_blank">Documentation</a>
  </div>
  <a class="enterprise" href="https://gatling.io/enterprise/next-step/" target="_blank">Try <img alt="Gatling Enterprise" src="style/logo-enterprise.svg"/></a></div>
<div class="container details">
  <div class="nav">
    <ul></ul>
  </div>
    <div class="cadre">
      <div class="content">
        <div class="content-header">
          <div class="onglet">
            RinhaBackendSimulation
          </div>
          <div class="sous-menu" id="sousMenu">
            <div class="sous-menu-spacer">
              <div class="item "><a href="index.html">Global</a></div>
                <div class="item ouvert"><a id="details_link" href="#">Details</a></div>
              </div>
            </div>
          </div>
          <div class="content-in">
            <div class="container-article">
            <div class="article">
              
              
<div class="schema-container">

            <div id="ranges" class="schema ranges-large">
            </div>

                        <div class="infos">
                            <div class="infos-in">
	                        <div class="infos-title">Stats</div>
                                <div class="repli"></div>                               
                                <div class="info">
                                    <h2 class="first">Executions</h2>
                                    <table>
                                        <thead>
                                            <tr><th></th><th>Total</th><th>OK</th><th>KO</th></tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Total count</td>
                                                <td id="numberOfRequests" class="total"></td>
                                                <td id="numberOfRequestsOK" class="ok"></td>
                                                <td id="numberOfRequestsKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean count/s</abbr></td>
                                                <td id="meanNumberOfRequestsPerSecond" class="total"></td>
                                                <td id="meanNumberOfRequestsPerSecondOK" class="ok"></td>
                                                <td id="meanNumberOfRequestsPerSecondKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    <h2 class="second">Response Time (ms)</h2>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th></th>
                                                <th>Total</th>
                                                <th>OK</th>
                                                <th>KO</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td class="title">Min</td>
                                                <td id="minResponseTime" class="total"></td>
                                                <td id="minResponseTimeOK" class="ok"></td>
                                                <td id="minResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">50th percentile</td>
                                                <td id="percentiles1" class="total"></td>
                                                <td id="percentiles1OK" class="ok"></td>
                                                <td id="percentiles1KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">75th percentile</td>
                                                <td id="percentiles2" class="total"></td>
                                                <td id="percentiles2OK" class="ok"></td>
                                                <td id="percentiles2KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">95th percentile</td>
                                                <td id="percentiles3" class="total"></td>
                                                <td id="percentiles3OK" class="ok"></td>
                                                <td id="percentiles3KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">99th percentile</td>
                                                <td id="percentiles4" class="total"></td>
                                                <td id="percentiles4OK" class="ok"></td>
                                                <td id="percentiles4KO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Max</td>
                                                <td id="maxResponseTime" class="total"></td>
                                                <td id="maxResponseTimeOK" class="ok"></td>
                                                <td id="maxResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Mean</td>
                                                <td id="meanResponseTime" class="total"></td>
                                                <td id="meanResponseTimeOK" class="ok"></td>
                                                <td id="meanResponseTimeKO" class="ko"></td>
                                            </tr>
                                            <tr>
                                                <td class="title">Standard Deviation</td>
                                                <td id="standardDeviation" class="total"></td>
                                                <td id="standardDeviationOK" class="ok"></td>
                                                <td id="standardDeviationKO" class="ko"></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>

</div>
<div class="statistics extensible-geant collapsed">
    <div class="title">
        Errors
    </div>
    <table id="container_errors" class="statistics-in extensible-geant">
        <thead>
            <tr>
                <th id="error-col-1" class="header sortable"><span>Error</span></th>
                <th id="error-col-2" class="header sortable"><span>Count</span></th>
                <th id="error-col-3" class="header sortable"><span>Percentage</span></th>
            </tr>
        </thead>
		<tbody>
		    
		    <tr>
		    	<td class="error-col-1 total ko">j.n.ConnectException: finishConnect(..) failed: Connection refused<span class="value" style="display:none">0</span></td>
		    	<td class="value error-col-2 total ko">9590</td>
		    	<td class="value error-col-3 total ko">100 %</td>
		    </tr>
		</tbody>
    </table>
</div>

            <div class="schema geant">
              <div id="responsetimeDistributionContainer" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="responsetimepercentilesovertimeokPercentilesContainer" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="requests" class="geant"></div>
            </div>

            <div class="schema geant">
                <div id="responses" class="geant"></div>
            </div>

            <div class="schema geant">
              <div id="container_response_time_dispersion" class="geant"></div>
            </div>

            </div>
          </div>
        </div>
      </div>
    </div>
</div>
<script>
    var pageStats = stats.contents['req_busca-va-lida-d7f0d'].stats;
    $(document).ready(function() {
        $('.simulation-tooltip').popover({trigger:'hover', placement:'left'});
        setDetailsLinkUrl();
        setDetailsMenu();
        setActiveMenu();
        fillStats(pageStats);
        
Highcharts.setOptions({
  global: { useUTC: false }
});

var rangesChart = new Highcharts.Chart({
  chart: {
    renderTo: 'ranges',
    marginRight: 100
  },
  credits: { enabled: false },
  legend: { enabled: false },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  xAxis: {
    categories: [
      pageStats.group1.htmlName,
      pageStats.group2.htmlName,
      pageStats.group3.htmlName,
      pageStats.group4.htmlName
    ]
  },
  yAxis: {
    title: { text: 'Number of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      var s;
      if (this.point.name) { // the pie chart
        s = ''+ this.point.name +': '+ this.y +'% requests';
      } else {
        s = ''+ this.y + ' requests';
      }
      return s;
    }
  },
  plotOptions: {
    series: {
      stacking: 'normal',
      shadow: true
    }
  },
  series: [
    {
      type: 'column',
      data: [{
      	color: '#68b65c',
      	y: pageStats.group1.count
      },
      {
      	color: '#FFDD00',
      	y: pageStats.group2.count
      },
      {
      	color: '#FFA900',
      	y: pageStats.group3.count
      },
      {
      	color: '#f15b4f',
      	y: pageStats.group4.count
      }]
    },
    {
      type: 'pie',
      name: 'Percentages',
      data: [
        {
          name: pageStats.group1.name,
          y: pageStats.group1.percentage,
          color: '#68b65c'
        },
        {
          name: pageStats.group2.name,
          y: pageStats.group2.percentage,
          color: '#FFDD00'
        },
        {
          name: pageStats.group3.name,
          y: pageStats.group3.percentage,
          color: '#FFA900'
        },
        {
          name: pageStats.group4.name,
          y: pageStats.group4.percentage,
          color: '#f15b4f'
        }
      ],
      center: [368, 0],
      size: 90,
      showInLegend: false,
      dataLabels: { enabled: false }
    }
  ]
});

rangesChart.setTitle({
  text: '<span class="chart_title">Response Time Ranges</span>',
  useHTML: true
});

	    $('#container_errors').sortable('#container_errors');
    
var responsetimeDistributionChart = new Highcharts.Chart({
  chart: {
    renderTo: 'responsetimeDistributionContainer',
    type: 'column',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: 5,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  xAxis: {
    categories: ['0', '1', '2', '3', '4', '7', '8', '10', '13'],
    tickInterval: 20
  },
  yAxis: {
    min: 0,
    title: { text: 'Percentage of Requests' },
    reversedStacks: false
  },
  tooltip: {
    formatter: function() {
      return '<b>'+ this.x +' ms</b><br/>'+
      this.series.name +': '+ this.y +' %<br/>'+
      'Total: '+ this.point.stackTotal + ' %';
    }
  },
  plotOptions: {
    series: {
      groupPadding: 0,
      stacking: 'normal',
	    shadow: true
    }
  },
  series: [
  	{
type: 'column',
color: '#68b65c',
name: 'OK',
data: [
  
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
},
  	{
type: 'column',
color: '#f15b4f',
name: 'KO',
data: [
  79.63,20.1,0.16,0.03,0.01,0.01,0.01,0.01,0.02
],
tooltip: { yDecimals: 0, ySuffix: 'ms' }
}
  ]
});

responsetimeDistributionChart.setTitle({
  text: '<span class="chart_title">Response Time Distribution</span>',
  useHTML: true
});

var responsetimepercentilesovertimeokPercentiles = unpack([[1692806039,null],[1692806040,null],[1692806041,null],[1692806042,null],[1692806043,null],[1692806044,null],[1692806045,null],[1692806046,null],[1692806047,null],[1692806048,null],[1692806049,null],[1692806050,null],[1692806051,null],[1692806052,null],[1692806053,null],[1692806054,null],[1692806055,null],[1692806056,null],[1692806057,null],[1692806058,null],[1692806059,null],[1692806060,null],[1692806061,null],[1692806062,null],[1692806063,null],[1692806064,null],[1692806065,null],[1692806066,null],[1692806067,null],[1692806068,null],[1692806069,null],[1692806070,null],[1692806071,null],[1692806072,null],[1692806073,null],[1692806074,null],[1692806075,null],[1692806076,null],[1692806077,null],[1692806078,null],[1692806079,null],[1692806080,null],[1692806081,null],[1692806082,null],[1692806083,null],[1692806084,null],[1692806085,null],[1692806086,null],[1692806087,null],[1692806088,null],[1692806089,null],[1692806090,null],[1692806091,null],[1692806092,null],[1692806093,null],[1692806094,null],[1692806095,null],[1692806096,null],[1692806097,null],[1692806098,null],[1692806099,null],[1692806100,null],[1692806101,null],[1692806102,null],[1692806103,null],[1692806104,null],[1692806105,null],[1692806106,null],[1692806107,null],[1692806108,null],[1692806109,null],[1692806110,null],[1692806111,null],[1692806112,null],[1692806113,null],[1692806114,null],[1692806115,null],[1692806116,null],[1692806117,null],[1692806118,null],[1692806119,null],[1692806120,null],[1692806121,null],[1692806122,null],[1692806123,null],[1692806124,null],[1692806125,null],[1692806126,null],[1692806127,null],[1692806128,null],[1692806129,null],[1692806130,null],[1692806131,null],[1692806132,null],[1692806133,null],[1692806134,null],[1692806135,null],[1692806136,null],[1692806137,null],[1692806138,null],[1692806139,null],[1692806140,null],[1692806141,null],[1692806142,null],[1692806143,null],[1692806144,null],[1692806145,null],[1692806146,null],[1692806147,null],[1692806148,null],[1692806149,null],[1692806150,null],[1692806151,null],[1692806152,null],[1692806153,null],[1692806154,null],[1692806155,null],[1692806156,null],[1692806157,null],[1692806158,null],[1692806159,null],[1692806160,null],[1692806161,null],[1692806162,null],[1692806163,null],[1692806164,null],[1692806165,null],[1692806166,null],[1692806167,null],[1692806168,null],[1692806169,null],[1692806170,null],[1692806171,null],[1692806172,null],[1692806173,null],[1692806174,null],[1692806175,null],[1692806176,null],[1692806177,null],[1692806178,null],[1692806179,null],[1692806180,null],[1692806181,null],[1692806182,null],[1692806183,null],[1692806184,null],[1692806185,null],[1692806186,null],[1692806187,null],[1692806188,null],[1692806189,null],[1692806190,null],[1692806191,null],[1692806192,null],[1692806193,null],[1692806194,null],[1692806195,null],[1692806196,null],[1692806197,null],[1692806198,null],[1692806199,null],[1692806200,null],[1692806201,null],[1692806202,null],[1692806203,null],[1692806204,null],[1692806205,null],[1692806206,null],[1692806207,null],[1692806208,null],[1692806209,null],[1692806210,null],[1692806211,null],[1692806212,null],[1692806213,null],[1692806214,null],[1692806215,null],[1692806216,null],[1692806217,null],[1692806218,null],[1692806219,null],[1692806220,null],[1692806221,null],[1692806222,null],[1692806223,null],[1692806224,null],[1692806225,null],[1692806226,null],[1692806227,null],[1692806228,null],[1692806229,null],[1692806230,null],[1692806231,null],[1692806232,null],[1692806233,null],[1692806234,null],[1692806235,null],[1692806236,null],[1692806237,null],[1692806238,null],[1692806239,null],[1692806240,null],[1692806241,null],[1692806242,null],[1692806243,null]]);

var responsetimepercentilesovertimeokPercentilesChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responsetimepercentilesovertimeokPercentilesContainer',
    zoomType: 'x',
    marginBottom: 60
  },
  colors: ['#c4fd90', '#7ff77f', '#6ff2ad', '#61ede6', '#58c7e0', '#4ea1d4', '#487ad9', '#3f52cc', '#7335dc', '#c73905', '#FFA900'],
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false,
    baseSeries: 9
  },
  rangeSelector: {
    rangeSelector: { align: "left" },
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#92918C',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
        },
        select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Response Time (ms)' },
      opposite: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  plotOptions: {
    arearange: { lineWidth: 1 },
    series: {
      dataGrouping: { enabled: false }
    }
  },
  series: [
  
    
         {
pointInterval: 1000,
name: 'min',
data: responsetimepercentilesovertimeokPercentiles[0],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 10
},
         {
pointInterval: 1000,
name: '25%',
data: responsetimepercentilesovertimeokPercentiles[1],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 9
},
         {
pointInterval: 1000,
name: '50%',
data: responsetimepercentilesovertimeokPercentiles[2],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 8
},
         {
pointInterval: 1000,
name: '75%',
data: responsetimepercentilesovertimeokPercentiles[3],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 7
},
         {
pointInterval: 1000,
name: '80%',
data: responsetimepercentilesovertimeokPercentiles[4],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 6
},
         {
pointInterval: 1000,
name: '85%',
data: responsetimepercentilesovertimeokPercentiles[5],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 5
},
         {
pointInterval: 1000,
name: '90%',
data: responsetimepercentilesovertimeokPercentiles[6],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 4
},
         {
pointInterval: 1000,
name: '95%',
data: responsetimepercentilesovertimeokPercentiles[7],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 3
},
         {
pointInterval: 1000,
name: '99%',
data: responsetimepercentilesovertimeokPercentiles[8],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 2
},
         {
pointInterval: 1000,
name: 'max',
data: responsetimepercentilesovertimeokPercentiles[9],
tooltip: { yDecimals: 0, ySuffix: 'ms' },
type : 'area',
yAxis: 0,
zIndex: 1
},
  allUsersData
  ]
});

responsetimepercentilesovertimeokPercentilesChart.setTitle({
  text: '<span class="chart_title chart_title_">Response Time Percentiles over Time (OK)</span>',
  useHTML: true
});

var requests = unpack([[1692806039,[2,0,2]],[1692806040,[2,0,2]],[1692806041,[2,0,2]],[1692806042,[2,0,2]],[1692806043,[2,0,2]],[1692806044,[2,0,2]],[1692806045,[2,0,2]],[1692806046,[2,0,2]],[1692806047,[2,0,2]],[1692806048,[2,0,2]],[1692806049,[2,0,2]],[1692806050,[2,0,2]],[1692806051,[2,0,2]],[1692806052,[2,0,2]],[1692806053,[2,0,2]],[1692806054,[2,0,2]],[1692806055,[2,0,2]],[1692806056,[2,0,2]],[1692806057,[2,0,2]],[1692806058,[2,0,2]],[1692806059,[2,0,2]],[1692806060,[2,0,2]],[1692806061,[2,0,2]],[1692806062,[2,0,2]],[1692806063,[2,0,2]],[1692806064,[4,0,4]],[1692806065,[6,0,6]],[1692806066,[7,0,7]],[1692806067,[8,0,8]],[1692806068,[8,0,8]],[1692806069,[8,0,8]],[1692806070,[9,0,9]],[1692806071,[10,0,10]],[1692806072,[10,0,10]],[1692806073,[11,0,11]],[1692806074,[11,0,11]],[1692806075,[12,0,12]],[1692806076,[12,0,12]],[1692806077,[13,0,13]],[1692806078,[13,0,13]],[1692806079,[14,0,14]],[1692806080,[15,0,15]],[1692806081,[15,0,15]],[1692806082,[15,0,15]],[1692806083,[16,0,16]],[1692806084,[17,0,17]],[1692806085,[17,0,17]],[1692806086,[17,0,17]],[1692806087,[18,0,18]],[1692806088,[19,0,19]],[1692806089,[19,0,19]],[1692806090,[19,0,19]],[1692806091,[20,0,20]],[1692806092,[21,0,21]],[1692806093,[21,0,21]],[1692806094,[22,0,22]],[1692806095,[22,0,22]],[1692806096,[23,0,23]],[1692806097,[23,0,23]],[1692806098,[23,0,23]],[1692806099,[25,0,25]],[1692806100,[25,0,25]],[1692806101,[25,0,25]],[1692806102,[26,0,26]],[1692806103,[26,0,26]],[1692806104,[27,0,27]],[1692806105,[28,0,28]],[1692806106,[28,0,28]],[1692806107,[28,0,28]],[1692806108,[29,0,29]],[1692806109,[30,0,30]],[1692806110,[30,0,30]],[1692806111,[30,0,30]],[1692806112,[31,0,31]],[1692806113,[32,0,32]],[1692806114,[32,0,32]],[1692806115,[33,0,33]],[1692806116,[33,0,33]],[1692806117,[34,0,34]],[1692806118,[34,0,34]],[1692806119,[34,0,34]],[1692806120,[36,0,36]],[1692806121,[36,0,36]],[1692806122,[36,0,36]],[1692806123,[37,0,37]],[1692806124,[37,0,37]],[1692806125,[38,0,38]],[1692806126,[38,0,38]],[1692806127,[39,0,39]],[1692806128,[40,0,40]],[1692806129,[40,0,40]],[1692806130,[41,0,41]],[1692806131,[41,0,41]],[1692806132,[41,0,41]],[1692806133,[42,0,42]],[1692806134,[43,0,43]],[1692806135,[43,0,43]],[1692806136,[43,0,43]],[1692806137,[44,0,44]],[1692806138,[45,0,45]],[1692806139,[45,0,45]],[1692806140,[46,0,46]],[1692806141,[46,0,46]],[1692806142,[47,0,47]],[1692806143,[47,0,47]],[1692806144,[48,0,48]],[1692806145,[48,0,48]],[1692806146,[49,0,49]],[1692806147,[49,0,49]],[1692806148,[50,0,50]],[1692806149,[51,0,51]],[1692806150,[51,0,51]],[1692806151,[51,0,51]],[1692806152,[52,0,52]],[1692806153,[53,0,53]],[1692806154,[53,0,53]],[1692806155,[54,0,54]],[1692806156,[54,0,54]],[1692806157,[54,0,54]],[1692806158,[55,0,55]],[1692806159,[56,0,56]],[1692806160,[56,0,56]],[1692806161,[56,0,56]],[1692806162,[58,0,58]],[1692806163,[58,0,58]],[1692806164,[58,0,58]],[1692806165,[58,0,58]],[1692806166,[60,0,60]],[1692806167,[60,0,60]],[1692806168,[60,0,60]],[1692806169,[60,0,60]],[1692806170,[62,0,62]],[1692806171,[62,0,62]],[1692806172,[62,0,62]],[1692806173,[63,0,63]],[1692806174,[64,0,64]],[1692806175,[64,0,64]],[1692806176,[64,0,64]],[1692806177,[65,0,65]],[1692806178,[66,0,66]],[1692806179,[66,0,66]],[1692806180,[66,0,66]],[1692806181,[68,0,68]],[1692806182,[67,0,67]],[1692806183,[69,0,69]],[1692806184,[68,0,68]],[1692806185,[69,0,69]],[1692806186,[70,0,70]],[1692806187,[70,0,70]],[1692806188,[71,0,71]],[1692806189,[71,0,71]],[1692806190,[72,0,72]],[1692806191,[73,0,73]],[1692806192,[73,0,73]],[1692806193,[73,0,73]],[1692806194,[73,0,73]],[1692806195,[75,0,75]],[1692806196,[75,0,75]],[1692806197,[75,0,75]],[1692806198,[76,0,76]],[1692806199,[77,0,77]],[1692806200,[77,0,77]],[1692806201,[77,0,77]],[1692806202,[78,0,78]],[1692806203,[79,0,79]],[1692806204,[79,0,79]],[1692806205,[80,0,80]],[1692806206,[81,0,81]],[1692806207,[80,0,80]],[1692806208,[81,0,81]],[1692806209,[82,0,82]],[1692806210,[82,0,82]],[1692806211,[83,0,83]],[1692806212,[83,0,83]],[1692806213,[84,0,84]],[1692806214,[84,0,84]],[1692806215,[85,0,85]],[1692806216,[86,0,86]],[1692806217,[86,0,86]],[1692806218,[86,0,86]],[1692806219,[87,0,87]],[1692806220,[88,0,88]],[1692806221,[88,0,88]],[1692806222,[88,0,88]],[1692806223,[89,0,89]],[1692806224,[90,0,90]],[1692806225,[90,0,90]],[1692806226,[90,0,90]],[1692806227,[91,0,91]],[1692806228,[92,0,92]],[1692806229,[93,0,93]],[1692806230,[92,0,92]],[1692806231,[94,0,94]],[1692806232,[93,0,93]],[1692806233,[95,0,95]],[1692806234,[95,0,95]],[1692806235,[95,0,95]],[1692806236,[95,0,95]],[1692806237,[97,0,97]],[1692806238,[97,0,97]],[1692806239,[97,0,97]],[1692806240,[98,0,98]],[1692806241,[99,0,99]],[1692806242,[99,0,99]],[1692806243,[145,0,145]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'requests',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of requests' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: requests[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData
  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of requests per second</span>',
  useHTML: true
});

var responses = unpack([[1692806039,[2,0,2]],[1692806040,[2,0,2]],[1692806041,[2,0,2]],[1692806042,[2,0,2]],[1692806043,[2,0,2]],[1692806044,[2,0,2]],[1692806045,[2,0,2]],[1692806046,[2,0,2]],[1692806047,[2,0,2]],[1692806048,[2,0,2]],[1692806049,[2,0,2]],[1692806050,[2,0,2]],[1692806051,[2,0,2]],[1692806052,[2,0,2]],[1692806053,[2,0,2]],[1692806054,[2,0,2]],[1692806055,[2,0,2]],[1692806056,[2,0,2]],[1692806057,[2,0,2]],[1692806058,[2,0,2]],[1692806059,[2,0,2]],[1692806060,[2,0,2]],[1692806061,[2,0,2]],[1692806062,[2,0,2]],[1692806063,[2,0,2]],[1692806064,[4,0,4]],[1692806065,[6,0,6]],[1692806066,[7,0,7]],[1692806067,[8,0,8]],[1692806068,[8,0,8]],[1692806069,[8,0,8]],[1692806070,[9,0,9]],[1692806071,[10,0,10]],[1692806072,[10,0,10]],[1692806073,[11,0,11]],[1692806074,[11,0,11]],[1692806075,[12,0,12]],[1692806076,[12,0,12]],[1692806077,[13,0,13]],[1692806078,[13,0,13]],[1692806079,[14,0,14]],[1692806080,[15,0,15]],[1692806081,[15,0,15]],[1692806082,[15,0,15]],[1692806083,[16,0,16]],[1692806084,[17,0,17]],[1692806085,[17,0,17]],[1692806086,[17,0,17]],[1692806087,[18,0,18]],[1692806088,[19,0,19]],[1692806089,[19,0,19]],[1692806090,[19,0,19]],[1692806091,[20,0,20]],[1692806092,[21,0,21]],[1692806093,[21,0,21]],[1692806094,[22,0,22]],[1692806095,[22,0,22]],[1692806096,[23,0,23]],[1692806097,[23,0,23]],[1692806098,[23,0,23]],[1692806099,[25,0,25]],[1692806100,[25,0,25]],[1692806101,[25,0,25]],[1692806102,[26,0,26]],[1692806103,[26,0,26]],[1692806104,[27,0,27]],[1692806105,[28,0,28]],[1692806106,[28,0,28]],[1692806107,[28,0,28]],[1692806108,[29,0,29]],[1692806109,[30,0,30]],[1692806110,[30,0,30]],[1692806111,[30,0,30]],[1692806112,[31,0,31]],[1692806113,[32,0,32]],[1692806114,[32,0,32]],[1692806115,[33,0,33]],[1692806116,[33,0,33]],[1692806117,[34,0,34]],[1692806118,[34,0,34]],[1692806119,[34,0,34]],[1692806120,[36,0,36]],[1692806121,[36,0,36]],[1692806122,[36,0,36]],[1692806123,[37,0,37]],[1692806124,[37,0,37]],[1692806125,[38,0,38]],[1692806126,[38,0,38]],[1692806127,[39,0,39]],[1692806128,[40,0,40]],[1692806129,[40,0,40]],[1692806130,[41,0,41]],[1692806131,[41,0,41]],[1692806132,[41,0,41]],[1692806133,[42,0,42]],[1692806134,[43,0,43]],[1692806135,[43,0,43]],[1692806136,[43,0,43]],[1692806137,[44,0,44]],[1692806138,[45,0,45]],[1692806139,[45,0,45]],[1692806140,[46,0,46]],[1692806141,[46,0,46]],[1692806142,[47,0,47]],[1692806143,[47,0,47]],[1692806144,[48,0,48]],[1692806145,[48,0,48]],[1692806146,[49,0,49]],[1692806147,[49,0,49]],[1692806148,[50,0,50]],[1692806149,[51,0,51]],[1692806150,[51,0,51]],[1692806151,[51,0,51]],[1692806152,[52,0,52]],[1692806153,[53,0,53]],[1692806154,[53,0,53]],[1692806155,[53,0,53]],[1692806156,[55,0,55]],[1692806157,[54,0,54]],[1692806158,[55,0,55]],[1692806159,[56,0,56]],[1692806160,[56,0,56]],[1692806161,[56,0,56]],[1692806162,[58,0,58]],[1692806163,[58,0,58]],[1692806164,[58,0,58]],[1692806165,[58,0,58]],[1692806166,[60,0,60]],[1692806167,[60,0,60]],[1692806168,[60,0,60]],[1692806169,[60,0,60]],[1692806170,[62,0,62]],[1692806171,[62,0,62]],[1692806172,[62,0,62]],[1692806173,[63,0,63]],[1692806174,[64,0,64]],[1692806175,[64,0,64]],[1692806176,[64,0,64]],[1692806177,[65,0,65]],[1692806178,[66,0,66]],[1692806179,[66,0,66]],[1692806180,[66,0,66]],[1692806181,[67,0,67]],[1692806182,[68,0,68]],[1692806183,[69,0,69]],[1692806184,[68,0,68]],[1692806185,[69,0,69]],[1692806186,[70,0,70]],[1692806187,[70,0,70]],[1692806188,[71,0,71]],[1692806189,[71,0,71]],[1692806190,[72,0,72]],[1692806191,[73,0,73]],[1692806192,[73,0,73]],[1692806193,[73,0,73]],[1692806194,[73,0,73]],[1692806195,[75,0,75]],[1692806196,[75,0,75]],[1692806197,[75,0,75]],[1692806198,[76,0,76]],[1692806199,[77,0,77]],[1692806200,[77,0,77]],[1692806201,[77,0,77]],[1692806202,[78,0,78]],[1692806203,[79,0,79]],[1692806204,[79,0,79]],[1692806205,[80,0,80]],[1692806206,[81,0,81]],[1692806207,[80,0,80]],[1692806208,[81,0,81]],[1692806209,[82,0,82]],[1692806210,[82,0,82]],[1692806211,[83,0,83]],[1692806212,[83,0,83]],[1692806213,[84,0,84]],[1692806214,[84,0,84]],[1692806215,[85,0,85]],[1692806216,[86,0,86]],[1692806217,[86,0,86]],[1692806218,[86,0,86]],[1692806219,[87,0,87]],[1692806220,[88,0,88]],[1692806221,[88,0,88]],[1692806222,[88,0,88]],[1692806223,[89,0,89]],[1692806224,[90,0,90]],[1692806225,[90,0,90]],[1692806226,[90,0,90]],[1692806227,[91,0,91]],[1692806228,[92,0,92]],[1692806229,[93,0,93]],[1692806230,[92,0,92]],[1692806231,[93,0,93]],[1692806232,[94,0,94]],[1692806233,[95,0,95]],[1692806234,[95,0,95]],[1692806235,[95,0,95]],[1692806236,[95,0,95]],[1692806237,[97,0,97]],[1692806238,[97,0,97]],[1692806239,[97,0,97]],[1692806240,[98,0,98]],[1692806241,[99,0,99]],[1692806242,[99,0,99]],[1692806243,[145,0,145]]]);

var requestsChart = new Highcharts.StockChart({
  chart: {
    renderTo: 'responses',
    zoomType: 'x',
    marginBottom: 60
  },
  credits: { enabled: false },
  legend: {
    enabled: true,
    floating: true,
    y: -65,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
    symbolRadius: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  navigator: {
    maskInside: false
  },
  rangeSelector: {
    buttonSpacing: 0,
    buttonTheme: {
      fill: '#CFC9C6',
      padding: 1,
      stroke: '#000000',
      'stroke-width': 0.25,
      style: {
        color: '#000000',
        fontWeight: 'bold',
      },
      states: {
        stroke: '#000000',
        'stroke-width': 0.25,
        hover: {
          fill: '#92918C',
          style: { color: 'black' }
         },
         select: {
          fill: '#FFA900',
          style: { color: 'white' }
        }
      }
    },
    buttons : [
      {
        type : 'minute',
        count : 1,
        text : '1m'
      }, {
        type : 'minute',
        count : 10,
        text : '10m'
      }, {
        type : 'hour',
        count : 1,
        text : '1h'
      }, {
        type : 'all',
        count : 1,
        text : 'All'
      }
    ],
    selected : 3,
    inputEnabled : false
  },
  plotOptions: {
    series: {
      dataGrouping: { enabled: false }
    },
    area: {
      stacking: 'normal'
    }
  },
  xAxis: {
    type: 'datetime',
    ordinal: false,
    maxZoom: 10000 // three days
  },
  yAxis:[
    {
      min: 0,
      title: { text: 'Number of responses' },
      opposite: false,
      reversedStacks: false
    }, {
      min: 0,
      title: {
        text: 'Active Users',
        style: { color: '#FFA900' }
      },
      opposite: true
    }
  ],
  series: [
    {
color: '#5E7BE2',
name: 'All',
data: responses[0],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
},
{
color: '#68b65c',
name: 'OK',
data: responses[1],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
{
color: '#f15b4f',
name: 'KO',
data: responses[2],
tooltip: { yDecimals: 0, ySuffix: '', valueDecimals: 0 }
,type: 'area'},
    allUsersData,
{
  
type: 'pie',
name: 'Distribution',
data: [
  {name: 'OK', y: 0.0, color: '#68b65c'},{name: 'KO', y: 9590.0, color: '#f15b4f'}
],
center: [775, -40],
size: 70,
showInLegend: false,
dataLabels: { enabled: false },
dataGrouping: { enabled: false }

}

  ]
});

requestsChart.setTitle({
  text: '<span class="chart_title">Number of responses per second</span>',
  useHTML: true
});

var scatterChart = new Highcharts.Chart({
  chart: {
    renderTo: 'container_response_time_dispersion', 
    defaultSeriesType: 'scatter',
    zoomType: 'xy',
    marginBottom: 90
  },
  credits: { enabled: false },
  xAxis: {
    title: {
      enabled: true,
      text: 'Global number of requests per second',
      style: { fontWeight: 'bold' }
    },
    startOnTick: true,
    endOnTick: true,
    showLastLabel: true,
    min: 0
  },
  title: { text: 'A title to let highcharts reserve the place for the title set later' },
  yAxis: {
    min: 0,
    title: { text: 'Response Time (ms)' }
  },
  tooltip: {
    formatter: function() {
         return ''+ this.y +' ms at ' + this.x + ' allreq/s';
    }
  },
  legend: {
    enabled: true,
    floating: true,
    y: 0,
    borderWidth: 0,
    itemStyle: { fontWeight: "normal" },
  },
  plotOptions: {
    scatter: {
      marker: {
        radius: 3,
        states: {
          hover: {
            enabled: true,
            lineColor: 'rgb(100,100,100)'
          }
        }
      },
      states: {
        hover: {
          marker: { enabled: false }
        }
      }
    }
  },
  series: [
	  {
type: 'scatter',
color: '#68b65c',
name: 'OK',
data: [
[]
]},
	  {
type: 'scatter',
color: '#f15b4f',
name: 'KO',
data: [
[5,1],[5,0],[5,0],[6,3],[6,13],[6,1],[6,1],[6,2],[6,1],[6,1],[6,0],[6,0],[6,9],[7,1],[7,0],[8,0],[8,1],[9,1],[9,0],[10,1],[10,0],[10,1],[11,0],[12,0],[12,1],[17,1],[21,1],[26,1],[30,1],[35,2],[37,1],[42,1],[47,1],[50,1],[55,1],[58,0],[62,1],[66,1],[70,1],[74,1],[79,1],[83,1],[86,1],[90,1],[95,1],[99,1],[102,1],[105,1],[111,1],[115,1],[119,1],[120,1],[128,1],[130,1],[135,1],[138,1],[143,1],[146,1],[150,1],[155,1],[159,1],[162,0],[166,1],[171,1],[175,1],[178,1],[183,1],[187,1],[190,1],[196,1],[198,0],[203,1],[206,1],[211,0],[215,1],[219,1],[222,1],[227,1],[231,0],[235,1],[238,1],[243,1],[247,1],[250,1],[256,1],[259,1],[262,1],[266,1],[271,0],[276,1],[279,1],[283,0],[287,1],[290,1],[295,0],[299,0],[304,0],[305,0],[311,1],[316,0],[318,0],[323,0],[327,1],[332,1],[335,0],[339,0],[342,1],[348,1],[350,1],[356,1],[359,1],[363,1],[367,0],[372,1],[376,1],[379,1],[383,1],[387,1],[390,1],[395,1],[400,0],[403,1],[407,1],[411,1],[416,0],[420,0],[422,1],[428,1],[430,1],[435,1],[440,0],[444,1],[447,1],[451,1],[455,0],[461,1],[463,1],[466,1],[472,1],[477,1],[479,0],[482,0],[488,1],[492,1],[496,1],[499,1],[502,1],[508,1],[511,0],[517,1],[519,1],[524,0],[528,1],[532,1],[535,0],[539,1],[543,1],[548,1],[551,0],[557,1],[559,1],[564,1],[567,1],[572,1],[576,1],[580,1],[583,1],[588,1],[592,1],[595,1],[601,0],[602,0],[608,0],[612,1],[616,1],[619,0],[625,0],[628,0],[631,0],[636,0],[641,1],[643,1],[648,0],[652,0],[656,0],[660,0],[664,0],[667,1],[672,1],[677,0],[680,1],[683,1],[689,1],[691,1],[698,1],[700,1],[703,1],[707,0],[712,0],[717,0],[720,1],[724,1],[728,0],[734,1],[1076,1]
]}
	]
});

scatterChart.setTitle({
  text: '<span class="chart_title">Response Time against Global Throughput</span>',
  useHTML: true
});

    });
</script>
</div>
</body>
</html>
